<template>
    <div>
      <h2>土味情话-语法糖</h2>
      <ul>
        <li v-for="(item) in list":key="item.id">{{ item.content }}</li>
      </ul>
      <button @click="add">增加</button>
    </div>
  </template>
  
  <script setup lang='ts' name="TalkSetup">
  import { ref, reactive} from 'vue'
  import { useTalkSetupStore } from '@/stores/talk-setup';
  import { storeToRefs } from 'pinia';
  import { type QinghuaList } from '@/types/qinghua';
  
  
  const TalkSetupStore = useTalkSetupStore()

  let list = TalkSetupStore.list
 
 


TalkSetupStore.$subscribe(() => {
  localStorage.setItem("TalkMain-Setup", JSON.stringify(TalkSetupStore.list))
 
  
  
})
  
  
  
  function add(){
    TalkSetupStore.getlist()
  }
  
  </script>
  
  
  <style lang='scss' scoped>
  
  </style>